@charset "utf-8";
/* 　 */
div.SideMenuWrap label.HamburgerMenuBtn{
    position:fixed;
    z-index:10001;
    top:3.5vw;
    left:90vw;
    width:6vw;
}
#SideMenu{
    width:100vw;
    position:fixed;
    z-index:10002;
    top:0;
    left:-100vw;
    opacity:0;
    background:#ffffff;
    padding:3vw;
    transition:all 0.5s 0s ease;
}
#MenuDisplayStat:checked ~ #SideMenu { 
    left:0;
    opacity:1;
}
section.SideMenu label.HamburgerMenuBtnClose{
    float:right;
    font-size:9vw;
}
header{
    position:fixed;
    z-index:10000;
    top:0;
    left:0;
    background:#ffffff;
    width:100%;
    padding-bottom:3.5vw;
}
header img.logo{
    margin-top:3.5vw;
    margin-left:3.5vw;
    width:25vw;
}

section.SideMenu div.UserProfile{
    display:flow-root;
    margin-bottom:10vw;
}
section.SideMenu div.UserThumb{
    width:15vw;
    height:15vw;
    border-radius:7.5vw;
    margin-right:2.5vw;
}
section.SideMenu div.UserPoint{
    height:1.2em;
    font-size:3.5vw;
    margin-bottom:2.5vw;
}
section.SideMenu div.UserName{
    height:1.2em;
    font-size:6vw;
}
section.SideMenu ul.TopMenu li.TopMenu{
    font-size:4vw;
    padding-bottom:7.5vw;
}
section.SideMenu ul.TopMenu li.TopMenu img.MenuIcon{
    width:5vw;
    height:5vw;
    margin-right:5vw;
}
ul.SubMenu{
    height:0;
    margin-left:6vw;
    opacity:0;
    transition:all 0.3s 0s ease;
    display:none;
}
ul.SubMenu li span{
    margin:2vw 0;
}
#AdminSubMenuDisplayStat:checked ~ #AdminSubMenu{ 
    height:auto;
    opacity:1;
    display:block;
}
#StaffSubMenuDisplayStat:checked ~ #StaffSubMenu{ 
    height:auto;
    opacity:1;
    display:block;
}